<template>
  <div class="content">
    <div class="title">
      <div class="text">
        <div class="font">未带安全帽通报</div>
      </div>
      <div class="text" style="text-align: right;">
        <div class="font" style="color: #D29A00;">更多</div>
      </div>
    </div>
    <div v-for="(item, index) in helmetSignData" :key="index" class="img">
      <img :src="item.image" alt="">
    </div>
  </div>
</template>

<script>
import { helmetSignData } from '@/api/autonym'

export default {
  name: 'Aviso',
  data() {
    return {
      data: {
        pageNum: 1,
        pageSize: 3
      },
      helmetSignData: {}
    }
  },
  mounted() {
    this.getDetail()
  },
  methods: {
    // 获取数据
    async getDetail() {
      const res = await helmetSignData(this.data)
      if (res.code === 200) {
        if (res.data) {
          this.helmetSignData = res.data
        }
      }
    }
  }
}
</script>

<style lang="scss" scoped>
.content{
  // color: #ffffff;
  padding: 10px;
  .title{
    display: flex;
    .text{
      flex: 1;
      text-align: left;
      .font{
        font-size: 12px;
        font-weight: 400;
        color: #ffffff;
        padding: 5px 0;
        .number{
          font-size:14px;
          font-weight:500;
          color:rgba(255,255,255,0.85);
        }
      }
      .money{
         font-size: 12px;
        font-weight: 400;
        color: #ffffff;
      }
    }
  }
  .img{
    height: 60px;
  }
}
</style>
